<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/公共.min.css">
    <link rel="stylesheet" href="./css/首页.css">
    <title>首页</title>
</head>
<body>
    <header>
            <nav class="navbar navbar-inverse container-fluid">
                <div class="container">
                  <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo" href="#">
                        <img src="./img/首页img/logo.png" alt="">
                    </a>
                  </div>             
                  <!-- Collect the nav links, forms, and other content for toggling -->
                  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                      <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                      <li><a href="#">Laya家族</a></li>
                      <li><a href="#">游戏</a></li>
                      <li><a href="#">新闻动态</a></li>
                      <li><a href="#">开发者中心</a></li>
                      <li><a href="#">开发者社区</a></li>
                      <li><a href="#">开放平台</a></li>
                      <li><a href="#">关于我们</a></li>
                    </ul>              
                    <ul class="nav navbar-nav navbar-right">
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li role="separator" class="divider"></li>
                          <li><a href="#">Separated link</a></li>
                        </ul>
                      </li>
                    </ul>
                  </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
              </nav>
    </header>
    <div class="content">
        <div class="container-fluid Layabox">
            <div class="container MainPicture">
                <img src="./img/首页img/主图.png" alt="">
            </div> 
        </div>
        <div class="container-fluid engine">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-8">
                        <div class="row">
                            <h2 class="col-xs-12 col-sm-12">LayaFlash引擎</h2>
                            <span class="col-xs-12 col-sm-12">让Flash技术变成开发HTML5产品的利器</span>
                            <div class="col-xs-12 col-sm-12">
                                <ul class="row">
                                    <li class="col-xs-12 col-sm-6">
                                        <div>
                                            <img src="./img/首页img/引擎图1.png" alt="">
                                        </div>
                                        <div>
                                            <span>快速Flash产品转换</span>
                                            <span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
                                        </div>
                                    </li>
                                    <li class="col-xs-12 col-sm-6">
                                        <div>
                                            <img src="./img/首页img/引擎图2.png" alt="">
                                        </div>
                                        <div>
                                            <span>快速Flash产品转换</span>
                                            <span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
                                        </div>
                                    </li>
                                    <li class="col-xs-12 col-sm-6">
                                        <div>
                                            <img src="./img/首页img/引擎图3.png" alt="">
                                        </div>
                                        <div>
                                            <span>快速Flash产品转换</span>
                                            <span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
                                        </div>
                                    </li>
                                    <li class="col-xs-12 col-sm-6">
                                        <div>
                                            <img src="./img/首页img/引擎图4.png" alt="">
                                        </div>
                                        <div>
                                            <span>快速Flash产品转换</span>
                                            <span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 leftImg">
                        <img src="./img/首页img/引擎图5.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid advantage">
            <div class="container">
                <div class="row">
                    <div class="col-sx-0 col-sm-4 a-left">
                        <img src="./img/首页img/优势图1.png" alt="">
                    </div>
                    <div class="col-sx-12 col-sm-8 a-right">
                        <h1>Layabox优势</h1>
                        <ul>
                            <li>
                                <div>
                                    <img src="./img/首页img/优势图2.png" alt="">
                                </div>
                                <span>快速上手，Flash程序员3小时掌握HTML5开发</span>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/首页img/优势图3.png" alt="">
                                </div>
                                <span>快速上手，Flash程序员3小时掌握HTML5开发</span>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/首页img/优势图4.png" alt="">
                                </div>
                                <span>快速上手，Flash程序员3小时掌握HTML5开发</span>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/首页img/优势图5.png" alt="">
                                </div>
                                <span>快速上手，Flash程序员3小时掌握HTML5开发</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid product">
            <div class="container">
                <h1>Layabox产品家族</h1>
                <ul class="row">
                    <li class="col-xs-12 col-sm-6">
                        <img src="./img/首页img/产品图1.png" alt="">
                        <div>
                            <h3>LayaAir</h3>
                            <span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
                                支持2D\3D，非运行 器模式下性能媲美APP。</span>
                        </div>
                    </li>
                    <li class="col-xs-12 col-sm-6">
                        <img src="./img/首页img/产品图2.png" alt="">
                        <div>
                            <h3>LayaAir</h3>
                            <span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
                                支持2D\3D，非运行 器模式下性能媲美APP。</span>
                        </div>
                    </li>
                    <li class="col-xs-12 col-sm-6">
                        <img src="./img/首页img/产品图3.png" alt="">
                        <div>
                            <h3>LayaAir</h3>
                            <span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
                                支持2D\3D，非运行 器模式下性能媲美APP。</span>
                        </div>
                    </li>
                    <li class="col-xs-12 col-sm-6">
                        <img src="./img/首页img/产品图4.png" alt="">
                        <div>
                            <h3>LayaAir</h3>
                            <span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
                                支持2D\3D，非运行 器模式下性能媲美APP。</span>
                        </div>
                    </li>
                    <li class="col-xs-12 col-sm-6">
                        <img src="./img/首页img/产品图5.png" alt="">
                        <div>
                            <h3>LayaAir</h3>
                            <span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
                                支持2D\3D，非运行 器模式下性能媲美APP。</span>
                        </div>
                    </li>
                    <li class="col-xs-12 col-sm-6">
                        <img src="./img/首页img/产品图6.png" alt="">
                        <div>
                            <h3>LayaAir</h3>
                            <span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，
                                支持2D\3D，非运行 器模式下性能媲美APP。</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="game">
            <div class="container">
                <div class="c-top">
                    <h3>采用Layabox引擎的精彩游戏</h3>
                    <a href="">更多</a>
                </div>
                <div class="c-bottom">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 left">
                            <img src="./img/首页img/游戏图1.png" alt="">
                        </div>
                        <div class="col-xs-12 col-sm-8 right">
                            <ul class="row">
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图2.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图3.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图4.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图5.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图6.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图7.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图8.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图9.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图10.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图11.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图12.png" alt="">
                                    <span>战争之门</span>
                                </li>
                                <li class="col-xs-3 col-sm-2">
                                    <img src="./img/首页img/游戏图13.png" alt="">
                                    <span>战争之门</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>            
            </div>
        </div>
        <div class="cooperation">
            <div class="container">
                <div class="co-top">
                    <h3>合作伙伴</h3>
                    <span>(排序不分先后)</span>
                </div>
                <div class="co-bottom">
                    <ul class="row">
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图1.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图2.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图3.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图4.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图5.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图6.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图7.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图8.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图9.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图10.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图11.png" alt="">
                        </li>
                        <li class="col-xs-4 col-sm-2">
                            <img src="./img/首页img/合作图12.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="code">
                    <div class="img">
                        <img src="./img/首页img/二维码.png" alt="">
                        <div>
                            <img src="./img/首页img/邮箱.png" alt="">
                            <img src="./img/首页img/微信.png" alt="">
                            <img src="./img/首页img/QQ.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <ul>
                <li><a href="">公司简介</a></li>
                <li><a href="">联系方式</a></li>
                <li><a href="">人才招聘</a></li>
            </ul>
            <span>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </span>
        </div>
    </footer>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</body>
</html>